.vc-calendar {
  width: 100%;
  &-header {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    &-title {
      font-size: 22px;
    }
    &-btns {
      display: inline-block;
      border: 1px solid @gray-f0;
      border-radius: 4px;
      span {
        color: @gray-c6;
        cursor: pointer;
        display: inline-block;
        padding: 5px;
        &:hover {
          color: @primary;
        }
      }
    }
  }
  &-body {
    table,
    thead,
    tbody,
    tr,
    td,
    div {
      &::-webkit-scrollbar {
        width: 0;
      }
    }
    table {
      width: 100%;
      th {
        padding: 5px 10px;
        text-align: right;
      }
      td {
        padding: 0 4px;
        .vc-day {
          text-align: right;
          padding: 10px;
        }
        .vc-schedule {
          box-sizing: border-box;
          padding: 0 10px;
          height: 140px;
          overflow: auto;
        }
        .vc-picker {
          &-cell {
            border-top: 2px solid @gray-f0;
            &:not(.vc-picker-active):hover {
              background: #f5f5f5;
            }
          }
          &-active {
            background: #e6f7ff;
            .vc-day {
              color: @primary;
            }
          }
          &-today {
            border-top: 2px solid @primary;
          }
        }
        .vc-notmonth {
          .vc-day {
            color: #00000040;
          }
        }
      }
    }
  }
}
